import 'package:flutter/material.dart';

class MyApp5 extends StatelessWidget {
  const MyApp5({super.key});

  @override
  Widget build(BuildContext context) {
    // const int age = 18;

    return Scaffold(
      // 1. 导航条
      appBar: AppBar(
        title: const Text('无状态组件'),
        backgroundColor: Colors.pink,
      ),
      // 2. 主体内容
      body: Container(
        width: 300.0,
        height: 500.0,
        // color: Colors.cyan,
        // 设置额外样式
        decoration:  BoxDecoration(
          // 一旦设置了decoration, 那么背景颜色必须写在这个里面
          borderRadius: BorderRadius.circular(20),
          border: Border.all(color: Colors.red, width: 10),
          color: Colors.cyan,
        ),
        // 设置外边距
        // margin: const EdgeInsets.all(20),
        // margin: const EdgeInsets.fromLTRB(10, 20, 30, 40)
        margin: const EdgeInsets.only(left: 30, top: 40),
        // 设置内边距
        padding: const EdgeInsets.all(20),
        child: Container(
          color: Colors.red,
          // 设置对齐方式
          alignment: Alignment.topCenter,
          padding: const EdgeInsets.only(left: 10, top: 20),
          child: const Text('喜欢IT, 就来黑马'),
        ),
      )
    );
  }
}
